// 媒体查询，响应式布局
html,body{
    min-width: 1280px !important;
}

@media (max-width: 1400px) {
    html {
        font-size: 12px;
    }

    .sidebar {
        width: 340px !important;
    }
}

@media screen and(min-width: 1400px) {
    html {
        font-size: 12px;
    }

    .sidebar {
        width: 340px !important;
    }
}

@media screen and(min-width: 1600px) {
    html {
        font-size: 14px;
    }

    .sidebar {
        width: 290px !important;
    }
}

@media screen and(min-width: 1800px) {
    html {
        font-size: 16px;
    }

    .sidebar {
        width: 290px !important;
    }
}